<template>
    <header class="el-header" :style="{ height }">
        <slot></slot>
    </header>
</template>

<script lang="ts">
export default {
    name: 'ElHeader',
}
</script>
<script lang="ts" setup>
import { withDefaults } from 'vue'

interface Props {
    height?: string
}



withDefaults(defineProps<Props>(), {
    height: '60px',
})
</script>

<style lang="scss" scoped>
@import '../../styles/mixin.scss';

@include b(header) {
    padding: $--header-padding;
    box-sizing: border-box;
    flex-shrink: 0;
}
</style>